<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
		<link rel="stylesheet" type="text/css" href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
		<link rel="stylesheet" type="text/css" href="css/HengWang.css" />
	</head>

	<body>
		<nav>
			<div class="container" style="display: table;content:"";clear: both;">
				<a href="#"><img src="images/1458205047543.png" width="178px" height="50px" /></a>
				<ul>
					<li>
						<a href="#" style="color:#27b6f8 ; border-bottom: 4px solid #27b6f8 ;">首页</a>
					</li>
					<li>
						<a href="#">解决方案</a>
					</li>
					<li>
						<a href="#">产品展示</a>
					</li>
					<li>
						<a href="#">客户案例</a>
					</li>
					<li>
						<a href="#">服务中心</a>
					</li>
					<li>
						<a href="#">新闻动态</a>
					</li>
					<li>
						<a href="#">关于我们</a>
					</li>
					<li>
						<a href="#">招贤纳士</a>
					</li>
				</ul>
			</div>
		</nav>
		<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
			<ol class="carousel-indicators">
				<li data-target="#carouselExampleIndicators" data-slide-to="0" class="anniu"></li>
				<li data-target="#carouselExampleIndicators" data-slide-to="1" class="anniu"></li>
				<li data-target="#carouselExampleIndicators" data-slide-to="2" class="anniu"></li>
				<li data-target="#carouselExampleIndicators" data-slide-to="3" class="anniu"></li>
			</ol>
			<div class="carousel-inner">
				<div class="carousel-item active">
					<img src="images/1458204849133.png" class="d-block w-100" alt="...">
				</div>
				<div class="carousel-item">
					<img src="images/1458204793913.png" class="d-block w-100" alt="...">
				</div>
				<div class="carousel-item">
					<img src="images/1458204742677.png" class="d-block w-100" alt="...">
				</div>
				<div class="carousel-item">
					<img src="images/1458025874295.png" class="d-block w-100 a" alt="...">
				</div>
			</div>
			<a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
				<span class="carousel-control-prev-icon" aria-hidden="true"></span>
				<span class="sr-only">Previous</span>
			</a>
			<a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
				<span class="carousel-control-next-icon" aria-hidden="true"></span>
				<span class="sr-only">Next</span>
			</a>
		</div>
		<main>
			<div class="solution">
				<h5><img src="images/HENGWANG_03.gif"/>解决方案</h5>
				<p style="color: #a39da1;">Solutions</p>
				<div class="container">
					<div class="row">
						<div class="col col-6 col-md-6 col-sm-6 col-xl-3">
							<div class="card">
								<img src="images/mairn-1_03.gif" />
							</div>
							<h5>网站、移动网站</h5>
							<p>微信公众号开发移动网站微信公众号开发</p>
						</div>
						<div class="col col-6 col-md-6 col-sm-6 col-xl-3">
							<div class="card"><img src="images/marin-2.gif" /></div>
							<h5>网站、移动网站</h5>
							<p>移动网站微信公众号开发移动网站微信公众号开发，解决方案</p>
						</div>
						<div class="col col-6 col-md-6 col-sm-6 col-xl-3">
							<div class="card"><img src="images/marin-3.gif" /></div>
							<h5>网站、移动网站</h5>
							<p>移动网站微信公众号开发移动网站微信公众号开发</p>
						</div>
						<div class="col col-6 col-md-6 col-sm-6 col-xl-3">
							<div class="card">
								<img src="images/marin-4.gif" /></div>
							<h5>网站、移动网站</h5>	
							<p>网站、移动网站微信公众号开发移动网站微信公众号开发，解决方案</p>
						</div>
					</div>
				</div>
			</div>
			<div class="case">
				<div class="bt">
					<h5><img src="images/qianbao_10.gif"/>客户案例</h5>
					<p style="color: #a39da1;">Customer Casee</p>
				</div>
				<div class="row w-100 b">
					<div class="col col-3 p">
						<div class="box">
						物流红娘
						</div>
						<img src="images/1458292900517.png" class="w-100" />
					</div>
					<div class="col col-3 p">
						<div class="box">
						车行湖北
						</div>
						<img src="images/1458292952455.png" class="w-100" />
					</div>
					<div class="col col-3 p">
						<div class="box">
						无鞋网
						</div>
						<img src="images/1458293005550.png" class="w-100" />
					</div>
					<div class="col col-3 p">
						<div class="box">
						智众传媒
						</div>
						<img src="images/1458293057504.png" class="w-100" />
					</div>
					<div class="col col-3 p">
						<div class="box">
						铸典一体化
						</div>
						<img src="images/1458293093817.png" class="w-100" />
					</div>
					<div class="col col-3 p">
						<div class="box">
						汇众商城
						</div>
						<img src="images/1458294689319.png" class="w-100" />
					</div>
					<div class="col col-3 p">
						<div class="box">
						欧拉商城
						</div>
						<img src="images/1458294715397.png" class="w-100" />
					</div>
					<div class="col col-3 p">
						<div class="box">
							今古一体化
						</div>
						<img src="images/1458294784899.png" class="w-100" />
					</div>
				</div>
				<div class="more" style="color: #fff6f1;">
					<p style="font-size: 14px;">全方位解决方案，为您轻松解决不同问题 <br />
						<span style="font-size: 12px;">A full range of solutions for you to solve different problems</span>
					</p>
					<a href="#">查看更多</a>
				</div>
			</div>
			<div class="new">
				<div class="container">
					<div class="biaoti" style="text-align: center; margin-bottom: 30px;">
						<h5><img src="images/new_03.gif"/>新闻动态</h5>
						<p style="color: #a39da1;">Hengwang News</p>
					</div>
					<div class="row">
						<div class="col col-6" style="display: table; clear: both; content:'';">
							<a href="#"><img src="images/1458204169416.png" style="width: 225px;height: 200px; float: left;" /></a>
							<div class="neirong" style="float: right;">
								<a href="#" style="color: black;">
									<h5 style="font-size: 16px;">关于召开年会的通知</h5>
									<p style="font-size: 14px;">互联网，又称网际网路或音译因特网、英特网，<br />是网络与网络之间串联的庞大网络网络与网络之...</p>
									<a href="#" style="background: #128abe;color: #fff9fd; padding: 10px; border-radius: 4px;">查看更多》</a>
								</a>
							</div>
						</div>
						<div class="col col-6" style="display: table; clear: both; content:'';">
							<a href="#"><img src="images/1462253651756.jpg" style="width: 225px;height: 200px; float: left;" /></a>
							<div class="neirong" style="float: right;">
								<a href="#" style="color: black;">
									<h5 style="font-size: 16px;">关于召开年会的通知</h5>
									<p style="font-size: 14px;">互联网，又称网际网路或音译因特网、英特网，<br />是网络与网络之间串联的庞大网络网络与网络之...</p>
									<a href="#" style="background: #128abe;color: #fff9fd; padding: 10px; border-radius: 4px;">查看更多》</a>
								</a>
							</div>
						</div>
					</div>
				</div>
				<div class="serve" style="padding-top:30px;background: #efeeec;margin-top: 30px;">
					<div class="container" style="text-align: center;">
						<div class="biaoti" style="text-align: center;">
							<h5><img src="images/xiaoren_03.gif" />服务客户</h5>
							<p style="color: #a39da1;">Serve Customers</p>
							<img src="images/1458271343951.png" style="width: 150px; height: 100px;" />
							<img src="images/1458271353280.png" style="width: 150px; height: 100px;" />
							<img src="images/1458271408609.jpg" style="width: 150px; height: 100px;" />
							<img src="images/1458271419281.jpg" style="width: 150px; height: 100px;" />
							<img src="images/1458271448813.jpg" style="width: 150px; height: 100px;" />
							<img src="images/1458271456610.png" style="width: 150px; height: 100px;" />
							<img src="images/1458271490424.png" style="width: 150px; height: 100px;" />
						</div>
						<button style="width:14px; height: 14px; border-radius: 50%; background: #128cd5; border: 1px solid white; outline: none;"></button>
						<button style="width:14px; height: 14px; border-radius: 50%; background: #7e7d7b; border: 1px solid white; outline: none;"></button>
					</div>
				</div>
		</main>
		<footer style="background-image: url(images/bg-pic2.png);  background-size: 100% 100%; padding-top:30px ;">
			<div class="container " style=" display: table; content:" "; clear: both;">
				<ul style="float: left; color: white;">
					<li style="font-weight: bold;">联系我们</li>
					<li>地址：武汉市洪山区街道口鹏程国际B座2511</li>
					<li>电话：18238765101</li>
					<li>传真：（123）456-7890</li>
					<li>邮箱：support@vectorlab.com</li>
					<li style="font-weight: bold;"><img src="images/lianxi_03.gif" />027-82671661</li>
				</ul>
				<ul style="float:left; color: white;">
					<li style="font-weight: bold;">相关链接</li>
					<li>
						<a href="#" style="color: white;">解决方案</a>
					</li>
					<li>
						<a href="#" style="color: white;">产品展示</a>
					</li>
					<li>
						<a href="#" style="color: white;">客户案例</a>
					</li>
					<li>
						<a href="#" style="color: white;">服务中心</a>
					</li>
					<li>
						<a href="#" style="color: white;">关于我们</a>
					</li>
					<li>
						<a href="#" style="color: white;">招贤纳士</a>
					</li>
				</ul>
			</div>
		</footer>
		<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.slim.min.js "></script>
		<script src="https://cdn.bootcss.com/popper.js/1.14.7/umd/popper.min.js "></script>
		<script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js "></script>
	</body>

</html>